.search-mian {
	background-color: #fff;
	.scroll-wrapper {
		flex: 1;
		overflow-y: auto;
		.search-bar-wrap {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 8rpx 30rpx;
			margin-bottom: 20rpx;
			.uni-searchbar {
				flex: 1;
				padding: 0;
				/deep/.uni-searchbar__box {
					border: 0;
					height: 80rpx;
				}
			}
			.search-label {
				padding-left: 30rpx;
				font-size: 32rpx;
				color: #007aff;
			}
		}
		.search-keyword-wrap {
			padding: 0 30rpx;
			.search-keyword-title {
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 80rpx;
				.title {
					color: $base-text-color;
					font-size: 30rpx;
					font-weight: 700;
				}
				.delete-icon {
					font-size: 32rpx;
				}
			}
			.search-keyword-content {
				.keyword-item {
					display: inline-block;
					min-width: 60rpx;
					height: 60rpx;
					line-height: 60rpx;
					padding: 0 24rpx;
					margin: 0 24rpx 24rpx 0;
					border-radius: 100rpx;
					background-color: #f5f6f7;
					font-size: 26rpx;
					color: #666;
				}
			}
		}
	}
}